<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Jumlah Penambahan Bangku Kelas - Propinsi Kalimantan Timur</title>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#container').highcharts({
                    chart: {
                        plotBackgroundColor: null,
                        plotBorderWidth: 1, //null,
                        plotShadow: false
                    },
                    title: {
                        text: 'Jumlah Penduduk Berdasarkan Agama'
                    },
                    tooltip: {
                        pointFormat: '{series.name}: <b>{point.y}</b>'
                    },
                    plotOptions: {
                        pie: {
                            allowPointSelect: true,
                            cursor: 'pointer',
                            dataLabels: {
                                enabled: true,
                                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                                style: {
                                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                                }
                            }
                        }
                    },
                    series: [{
                            type: 'pie',
                            name: 'Jum Penduduk',
                            data: [
                                ['Islam', 432000],
                                ['Kristen', 53523],
                                ['Katolik', 79213],
                                ['Hindu', 43066],
                                ['Budha', 53523],
                                ['Konghuchu', 29213],
                                ['Aliran Kepercayaan', 10000]
                            ]
                        }]
                });
            });


        </script>
        <link href="../../../static/css/css_style.css" rel="stylesheet" type="text/css" media="screen">
        <link href="../../../static/documentation/assets/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <script src="../../js/highcharts.js"></script>
        <script src="../../js/modules/exporting.js"></script>

        <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
        <div style="margin-top: 40px">
            <table class="table table-striped">
                <tr>
                    <th>Agama</th>
                    <th>Jumlah</th>
                </tr>
                <tr><td>ISLAM</td><td>432,000<td></tr>
                <tr><td>KRISTEN</td><td>53,523<td></tr>
                <tr><td>KATOLIK</td><td>79,213<td></tr>
                <tr><td>HINDU</td><td>43,066<td></tr>
                <tr><td>BUDHA</td><td>53,523<td></tr>
                <tr><td>KONGHUCHU</td><td>29,213<td></tr>
                <tr><td>ALIRAN KEPERCAYAAN</td><td>10,000<td></tr>
            </table>
        </div>
    </body>
</html>
